<style>.input-border>input{border:1px solid #32c787;border-radius:5px;text-align:center;}
.col-sm-6{margin:0 auto;text-align:center;
}
#name,#place,#openingTime,#unitPrice,#phone{
margin-left:40px;
}
</style>

<div class="modal fade" id="dining-add" data-keyboard="false" data-backdrop="static" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title pull-left" id="member-add-modal-title">添加餐厅</h3>
            </div>
            <div class="modal-body">
                <form id="member-add-form">
					<input type="text" hidden="true" id="diningRoomid" name="id">                    
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="">
                                <span class="input-border">
					           		  餐厅名称:<input id="name" maxlength="24" name="name"/>	
					            </span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="">
                                <span class="input-border">
					           		  用餐地点:<input id="place" maxlength="48" name="place"/>	
					            </span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="">
                                 <span class="input-border">
					           		  用餐时间:<input readonly="" class="layui-input" placeholder="开始时间" style='width:64px;margin-left:42px;' type="text" lay-key="002"  id="openingTime" name="openingTime"/>
					            </span>
					            <span class="input-border">
					           		  至<input readonly="" type="text" class="layui-input" placeholder="结束时间" style='width:64px;margin-left:4px;' lay-key="003" id="openingTimeE" name="openingTimeE"/>
					            </span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                           <div class="">
					            <div class="input-border">
						            <span style='margin-left:17px;' id="smemberDiscount" class="input-border">
						                        餐券单价:<input type="text"  id="unitPrice" maxlength="5" name="unitPrice"/> 元 
						            </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                           <div class="">
					            <div class="input-border">
						            <span id="smemberDiscount" class="input-border">
						            	餐厅号码:<input type="text"  id="phone" name="phone"/>
						            </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-save" onclick="add()" id="member-add-button" name="save">保存</button>
                <button type="button" class="btn btn-secondary btn-close">关闭</button>
                <button class="btn-hide"></button>
            </div>
        </div>
    </div>
</div>
<!-- <script data-th-src="@{js/laydate/laydate.js}"></script> -->
<script>
$("#openingTime").removeAttr("lay-key")
$("#openingTimeE").removeAttr("lay-key")
lay('#version').html('-v'+ laydate.v);
laydate.render({
	  elem: '#openingTime'
	  ,type: 'time'
	   ,format: 'HH:mm',
	   change:function(){
	
		   $("#openingTime").removeAttr("lay-key")
	   }
	});
 laydate.render({
	  elem: '#openingTimeE'
	  ,type: 'time'
	   ,format: 'HH:mm',
	   change:function(){
		   $("#openingTimeE").removeAttr("lay-key")
	   }
	});
 
</script>